<template>
    <div class="empty-wrapper">
      <img src="@/assets/empty.jpg" alt="Empty" class="empty-image" />
      <p class="empty-description">{{ description || '数据为空' }}</p>
    </div>
  </template>
   
  <script setup>
 
// 定义 props
const props = defineProps({
  description: {
    type: String,
    default: '' // 这里使用空字符串作为默认值，但逻辑上它等同于 null 或 undefined 时的情况
  }
});
</script>
 
<style scoped>
.empty-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px; /* 可根据需要调整 */
}
 
.empty-image {
  width: 100px; /* 可根据需要调整 */
  height: auto;
  margin-bottom: 10px; /* 可根据需要调整 */
}
 
.empty-description {
  color: #888; /* 可根据需要调整 */
  font-size: 14px; /* 可根据需要调整 */
}
</style>